$(function(){
	
	//选择模板
	$(document).on('click',".bg_type_item",function(){
		var pageno=$("#pagemain .editoring").closest('.pageitem').index();
		$(this).addClass('editoring').siblings().removeClass('editoring');
		var index=$(this).index();
		if(pageno!=-1){
		//更改背景
		changbackground(pageno,index);
		$.closePopup();
		}else{
			$.alert('请选择页面', "提示");
		}
	})
	$(document).on('click',".changebg",function(){
		if(isbackground==true){
			$("#bgbox").popup();	   		
			//$(".worker_con").show();
		}else{
			$.alert('背景正在加载中，请稍后再更换', "提示"); 
		}		
		
	})
})

//获取模板分类
function get_background(){
	baseAjax('other/work/get_layout_bg','GET',{sku_code:sku_code},function(data){		
			
			UtilProperty.background.backgroundinfo=data.data;
			if(data.data.length==0){
				isbackground=true;	
			}else{
				background_list(data.data)
			}
		})
		
	
	
	/*$.getJSON("json/background.json", "", function(data) {
    　  		UtilProperty.background=new Object;
			UtilProperty.background.backgroundimage=new Object;
			UtilProperty.background.backgroundinfo=data.data;
			if(data.data.length==0){
				isbackground=true;	
			}else{
				background_list(data.data)
			}	
	});*/
		
	
}
//遍历背景
var background_listid=new Array;
function background_list(data){
	$(".bg_type").empty();	
	var mulitImg=new Array;
	var mulitImgid=new Array;	
	var isbg=false;
	for(var i=0; i<data.length; i++){
		var item=data[i];
		var  layhtm='<div class="bg_type_item  itemflexthree" backgroundid="'+item.id+'">'+(item.id==0?'<div class="emptydiv">空白</div>':'<img src="'+item.image_url+'">')+'</div>';
		$(".bg_type ").append(layhtm);
		if(item.id!=0&&item.image_url!=""){
		mulitImg.push(item.image_url);			
		mulitImgid.push(item.id);
		background_listid.push(item.id);
		isbg=true;
		}
				
	}
	if(!isbg){
		//判断是否所有作品的封面的图片都加载完毕
		isbackground=true;	
	}
	
	backgroundlistToObject(mulitImg,mulitImgid,function(){
			//判断是否所有作品的封面的图片都加载完毕
			isbackground=true;			
		})
}


function backgroundlistToObject(mulitImg, mulitImgid,fun) {
    var promiseAll = [],
        img = [],
        imgTotal = mulitImg.length;

    var _loop = function _loop(i) {
        promiseAll[i] = new Promise(function (resolve, reject) {
            img[i] = new Image();
            img[i].crossOrigin = "anonymous";
            img[i].src = mulitImg[i];
            img[i].id = mulitImgid[i];
            img[i].onload = function () {
                //第i张加载完成
                resolve(img[i]);                
                UtilProperty.background.backgroundimage[img[i].id] = img[i];
                if(background_listid.length>0){
                	var inde=$.inArray(img[i].id,background_listid)
                	background_listid.splice(inde,1);
                	if(background_listid.length==0){
                		isbackground=true;
                	}
                	
                }
            };
            
           
        });
    };

    for (var i = 0; i < imgTotal; i++) {
        _loop(i);
    }
   
}

//更改背景
function changbackground(pageno,index){
	var item=UtilProperty.background.backgroundinfo[index];
	item.ischange=true;
	if(UtilProperty.background.backgroundinfo[index].id==0){
		UtilProperty[work_id].worker[pageno].background=new Object;
		UtilProperty[work_id].worker[pageno].background.ischange=true;
	}else{
		UtilProperty[work_id].worker[pageno].background=item;
	}
	
	UtilProperty[work_id].worker[pageno].background_id=UtilProperty.background.backgroundinfo[index].id;
	changeoriginalcanvas(pageno);
	changepagemainbox(pageno);
	
}
		
//给相应的作品添加背景图片
function layoutbackground(item,context,w,h,scale){
	if(item.background_id!=0){
		var itembg=item.background;
			context.clearRect(itembg.coordinate_x*scale, itembg.coordinate_y*scale,w, h);
			context.rect(itembg.coordinate_x*scale, itembg.coordinate_y*scale, w, h);
			if(item.background_id.bg_color!=null){		
				context.fillStyle = 'rgba(67,67,67,.5)';
				context.fill();	
				context.save();
				context.clip();	
				context.closePath();
				
			}
			if(UtilProperty.background.backgroundimage[item.background_id]==undefined){
				$.alert('图片还没有加载完成请稍后', "提示");
				return false;
			}
			context.drawImage(UtilProperty.background.backgroundimage[item.background_id], itembg.coordinate_x*scale, itembg.coordinate_y*scale, w, h);
			context.restore();
	}else{//lym 2017.11.20 新增月历修改
		//给相应的作品添加背景
		context.clearRect(0,0,item.width*scale,item.height*scale);
		context.rect(0,0,item.width*scale,item.height*scale);
		context.closePath();
		context.fillStyle = 'rgba(250,250,250,1)';
		context.fill();
		context.closePath();
		context.save();	
	}
}

